<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米</title>
		<link rel="stylesheet" href="css/New Css File.css" />
	</head>
	<body>
		<div class="top">
			<div class="wrap">
				<ul>
					<li class="top-left"><a href="#" style="color: #545455;">小米商城</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">MIUI</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455">loT</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">云服务</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">天星数科</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">有品</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">小爱开放平台</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">企业团购</a><span>|</span></li>
					<li class="top-left"><a href="#" style="color: #545455;">资质证照</a><span>|</span></li>
					
					<li class="top-left"><a href="#" style="color: #545455;">协议规则</a><span>|</span></li>
					
					<li class="top-left">
						<a href="#" style="color: #545455;">下载app</a>
					<span>|</span>
					<div class="download"></div>
					</li>
					<li class="top-left"><a href="#" style="color: #545455;">智能生活</a><span>|</span></li>
					
				</ul>
				<ul>
					<li class="top-right"> <a href="#" style="color: #545455;">登录</a><span>|</span></li>
				<li class="top-right"><a href="#" style="color: #545455;">注册</a><span>|</span> </li>
				<li class="top-right"><a href="#" style="color: #545455;">消息通知</a><span>|</span></li>
				<li class="top-right">
					<a href="#" style="color: #545455;">购物车(0)</a>
					<span></span>
					
						
					</div>
					</li>
			
			</li>
				</ul>
			</div>
			
		</div>
		<div class="nav">
			<div class="wrap">
				<div class="logo">
					<a href="https://www.mi.com/html/index.html" >
						<img  class="logo"src="img/New Folder/logo.png" />
					</a>
				</div>
				<div class="nav-mid">
					<ul>
						<li> <a href="#"> xiaomi手机</a></li>
					<li> <a href="#">Redmi手机</a></li>
					<li> <a href="#">电脑</a></li>
					<li> <a href="#">笔记本</a></li>
					<li> <a href="#">平板</a></li>
					<li> <a href="#">家电</a></li>
					<li> <a href="#">路由器</a></li>
					<li> <a href="#">服务中心</a></li>
					<li> <a href="#">社区</a></li>
					</ul>
					
				</div>
				<div class="nav-right">
					<input type="text" placeholder="耳机" />
					<button class="search">搜索</button>
				</div>
			</div>
			
		</div>
	<div class="banner">
		<div class="wrap">
			<img class="banner-img" src="img/New Folder/xmad_15627254995865_hbFzT.jpg"/>
			<div class="slide">
				<ul>
					<li><a href="#">手机</a></li>
					<li><a href="#">电视</a></li>
					<li><a href="#">电脑</a></li>
					<li><a href="#">笔记本</a></li>
					<li><a href="#">台式机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					
					
					
					
					
					
				</ul>
				
			</div>
			
		</div>
		
	</div>
	<div class="adv">
		<div class="wrap">
			<div class="adv-slide">
				<ul>
					<li> <a href="#">售后</a></li>
					<li> <a href="#">售后</a></li>
					<li> <a href="#">售后</a></li>
					<li> <a href="#">售后</a></li>
					<li> <a href="#">售后</a></li>
					<li> <a href="#">售后</a></li>
				</ul>
			</div>
			<div class="adv-right">
				<a href="#"><img class="adv-img" src="img/New Folder/xiaomi.png"/></a>
			</div>
			<div class="adv-right"><a href="#"><img class="adv-img" src="img/New Folder/xiaomi.png"/></a></div>
			<div class="adv-right"><a href="#"><img class="adv-img" src="img/New Folder/xiaomi.png"/></a></div>
		</div>
	</div>
	
	<div class="content">
		<div class="position">
			<div>
				<a href="#"><p>家电</p></a>
			</div>
			<div><a href="#"><p>手机app</p></a></div>
			<div><a href="#"><p>视频</p></a></div>
			<div><a href="#"><p>售后服务</p></a></div>
		</div>
		<div class="wrap">
			<div class="phone">
				<h3 class="title">手机 </h3>
				<div class="phone-box">
					<div class="phone-box-left">
						<a href="#">
							<img class="phone-box-left" src="img/New Folder/xiaomi.png"/>
						</a>
						
					</div>
					<div class="phone-box-right">
						<div class="item">
							<a href="#"><img class="item-img"  src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img  class="item-img" src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img  class="item-img" src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img class="item-img"  src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img  class="item-img"src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img class="item-img"  src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img  class="item-img" src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						<div class="item">
							<a href="#"><img class="item-img" src="img/New Folder/xiaomi.png" alt="" /></a>
							<p class="item-name">小米10至尊纪念版</p>
							<p class="item-desc">120x 变焦/120w快充/120Hz屏幕</p>
						<P class="item-price">5299元起</P>
						</div>
						
						
					</div>
					
				</div>
			<div class="big-img">
				<a href="#">
					<img class="big-img" src="img/New Folder/xmad_15645848093783_hFAUp.jpg" alt="" />
				</a>
			</div>
			</div>
			<div class="elc">
				<h3 class="title">家电</h3>
				<div class="elc-box">
					<div class="item elc-item">
						<a href="#">
							<img class="item elc-item" src="img/New Folder/xmad_15608266264545_qWIRv.jpg" alt="" />
						</a>
					</div>
					<div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del>9999元</del></P></a>
					</div>
					<div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del>9999元</del></P></a>
					</div>
					<div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del>9999元</del></P></a>
					</div>
					
					<div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del >9999元</del></P></a>
					</div>
					<div class="item elc-item">
						<a href="#">
							<img class="item elc-item" src="img/New Folder/xmad_15608266264545_qWIRv.jpg" alt="" />
						</a>
					</div>
					
					<div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del>9999元</del></P></a>
					</div><div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del>9999元</del></P></a>
					</div><div class="item">
						<a href="#"><img class="item-elc-img"/ src="img/New Folder/xmad_15627254995865_hbFzT.jpg">
						<p class="item-name">redmi红米电视</p>
							<p class="item-desc">70英寸震撼巨屏，4k画质</p>
						<P class="item-price">3199元<span>|</span><del>9999元</del></P></a>
					
				</div>
				<div class="item-last">
					<div></div>
					<div></div>
				</div>
			</div>
		<div class="big-img">
			<a href="#">
				<img class="big-img" src="img/New Folder/xmad_15645848093783_hFAUp.jpg" alt="" />
			</a>
		</div>
		</div>
		<div class="video">
			<h3 class="title">视频</h3>
			<div class="video-box">
				<div>
					<div class="video-img">
						<img class="video-img" src="img/New Folder/xmad_15638769403497_OhbMu.png" alt="" />
						
					</div>
					<p class="video-name">redmi 10x系列发布会</p>
					<p class="video-desc">redmi 10x系列发布会</p>
				</div>
				<div>
					<div class="video-img">
						<img class="video-img" src="img/New Folder/xmad_15638769403497_OhbMu.png" alt="" />
						
					</div>
					<p class="video-name">redmi 10x系列发布会</p>
					<p class="video-desc">redmi 10x系列发布会</p>
				</div>
				<div>
					<div class="video-img">
						<img  class="video-img" src="img/New Folder/xmad_15638769403497_OhbMu.png" alt="" />
						
					</div>
					<p class="video-name">redmi 10x系列发布会</p>
					<p class="video-desc">redmi 10x系列发布会</p>
				</div>
				
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="wrap">
			<div class="footer-service">
				<ul>
					<li>
						<a href="#">
							<span>预约维修服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>预约维修服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>预约维修服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>预约维修服务</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>预约维修服务</span>
						</a>
					</li>
					
				</ul>
				
			</div>
			<div class="footer-link">
				<ul>
					<li>帮助中心</li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
				</ul>
				<ul>
					<li>帮助中心</li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
				</ul>
				<ul>
					<li>帮助中心</li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
				</ul>
				<ul>
					<li>帮助中心</li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
				</ul>
				<ul>
					<li>帮助中心</li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
				</ul>
				<ul>
					<li>帮助中心</li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
					<li><a href="#">账户管理</a></li>
				</ul>
				<div class="footer-right">
					<p class="tel">400-100-5678</p>
					<p class="time">8:00-18:00(仅收市话费)</p>
					<a class="client" href="#">人工客服</a>
					<div class="follow">关注小米</div>
				</div>
			</div>
		</div>
		
	</div>
	</body>
</html>
